<template name="inviteUsers">

	<div class="rc-input">
		<label class="rc-input__label">
			<div class="rc-input__title">{{_ "Invite_Users"}}</div>
			<div class="rc-input__wrapper">
				<div class="rc-tags rc-tags--no-icon">
					{{#each user in selectedUsers}}
						{{> tag user}}
					{{/each}}
					<input type="text" class="rc-tags__input" placeholder="{{_ "Username_Placeholder"}}"
							 name="users" autocomplete="off"/>
				</div>
			</div>
			{{#with config}}
				{{#if autocomplete 'isShowing'}}
					{{> popupList data=config items=items ready=(autocomplete 'isLoaded')}}
				{{/if}}
			{{/with}}
		</label>
	</div>
	<div class="rc-user-info__flex rc-user-info__row">
		<button class="rc-button rc-button--outline js-close" title="{{_ 'Cancel'}}">{{_ 'Cancel'}}</button>
		<button class="rc-button rc-button--primary js-add" disabled={{disabled}}>{{> icon block="rc-input__icon-svg" icon="plus"}}{{tAddUsers}}</button>
	</div>
</template>
